PATTERN LAB
Levende designsystem og prototypeverktøy for Altinns webløsninger

Designsystemet er laget med Pattern Lab, basert på atomisk designmetodikk. Vi bruker dette systemet til å opprettholde frontend-kode og visuell konsistens på tvers av løsningene. Målet er å skape et felles sted for UI-mønstre og stilsett, som etterhvert skal benyttes av alle løsningene til Altinn.

Les mer om designsystemet Åpne prototype

PATTERN LAB
Levende designsystem og prototypeverktøy for Brønnøysundregistrene webløsninger

Designsystemet er laget med Pattern Lab, basert på atomisk designmetodikk. Vi bruker dette systemet til å opprettholde frontend-kode og visuell konsistens på tvers av løsningene. Målet er å skape et felles sted for UI-mønstre og stilsett, som etterhvert kan benyttes av alle løsningene til Brønnøysundregistrene.

Les mer om designsystemet Les mer om brukskvalitet i BRsys
UNDER SPESIFISERING (specification) - komponenten er under spesifisering.
ARBEID PÅGÅR (inprogress) - komponenten er under utvikling, og blir jobbet på for øyeblikket.
TIL DESIGN REVIEW (indesignreview) - komponenten er klar for design gjennomgang/diskusjon, og venter på godkjenning.
FERDIG (complete) - komponenten anses som ferdig og klar for bruk.
MÅ REVALIDERES (needsrevalidation) - det er gjort endringer i rammeverk / platform som gjør at denne komponenten må revalideres.
ARKIVERT - komponenten er arkivert og blir ikke vedlikeholdt for øyeblikket.

♺ VARIASJONER - En variasjon av en annen komponent Vis mer info om variasjonskomponentene

modal-js

Modal Js indesignreview

▼
Altinn logo
Kari Nordmann
Du har gjort endringer som ikke vil lagres
Du har gjort endringer som ikke vil lagres

Page One indesignreview

▼

Tittel på første side i modalen

Innhold i modal

Modalen kan inneholde tekst, lister, skjemakomponenter og knapper.

Page Two indesignreview

▼

Tittel på andre side i modalen

Endringer på innholdet i modalen

Dersom du har gjort endringer på innholdet inni modalen, og deretter forsøker å lukke modalen skal du få en advarsel om at endringene ikke vil bli lagret. Dersom du ikke har endret noe, vil du ikke få dette spørsmålet. Prøv selv ved å sette Endret-state til "true" og trykk på krysset oppe til høyre:

Fullført eller mislykket prosess

Dersom det er flere steg i modalen, vil man ved siste steg få en grønn bekreftelse på at prosssen er fullført, eller eventuelt et rødt varsel dersom noe har gått galt.

Page Success indesignreview

▼

Prosssen ble fullført

Hurra!

Dersom prosessen er fullført vil du se en grønn bakgrunn på modalen.

Page Error indesignreview

▼

Prossessen ble mislykket

Noe gikk galt

Dersom prosessen er mislykket, f.eks noe har gått galt vil du se en rød bakgrunn på modalen.

Page Singel indesignreview

▼

Tittel på modalen

Modaler som ikke innholder stegvise prosesser, men kun en enkeltside, skal ikke animere inn fra høyre. De skal fade inn, og fade ut igjen ved trykk på krysset.